<section id="jwk-view">
	<div class="text-center" style="height:68px;background:rgba(86,94,153,1);line-height: 68px;color: #fff;font-size: 24px;">{{data.name}}</div>
	<div class="box-o-shadow br-4" style="width: 700px;padding: 25px;background: #fff;margin: 20px auto;">
		<div class="max-pic">
			<img :src="data.mainPicUrl" alt="">
		</div>

		<div class="clearfix line-height-34">
			<h3 class="pull-left" style="margin: 0;">{{data.name}}</h3>
			<div class="pull-right">
				<span class="icon-J-bonus	font-18" style="color: #E60011;"><b> {{data.rewards}}</b></span>
				<span class="color-999">元</span>
			</div>
		</div>
		<div class="clearfix mt-15 pt-15">
			<div class="color-gray">房源简介</div>
			<div class="dy-flex line-height-34">
				<div class="dy-fx-1">
					<span class="color-999">租金：</span>
					<span>{{data.rentPrice}}元/㎡/天</span>
				</div>
				<div class="dy-fx-1">
					<span class="color-999">物业费：</span>
					<span>{{data.propertyFee}}元/㎡/月</span>
				</div>
			</div>
			<div class="dy-flex line-height-34">
				<div class="dy-fx-1">
					<span class="color-999">面积：</span>
					<span>{{data.acreage}}㎡</span>
				</div>
				<div class="dy-fx-1">
					<span class="color-999">层高：</span>
					<span>{{data.floorHeight}}</span>
				</div>
			</div>
			<div class="dy-flex line-height-34">
				<div class="dy-fx-1">
					<span class="color-999">户型：</span>
					<span>{{data.apartmentLayout}}</span>
				</div>
				<div class="dy-fx-1">
					<span class="color-999">装修：</span>
					<span>{{data.apartmentDecoration}}</span>
				</div>
			</div>
		</div>
		<div class="mt-15 pt-15">
			<div class="color-gray mb-10">园区配套</div>
			<div class="line-height-34">
				<span class="color-999 icon-J-project"></span>
				<span class="ml-5">{{data.parkInfo.name}}</span>
			</div>
			<div class="line-height-34">
				<span class="color-999 icon-J-location"></span>
				<span class="ml-5">{{data.parkInfo.city + data.parkInfo.district + data.parkInfo.address}}</span>
			</div>
			<div class="line-height-34">
				<span class="color-999 icon-J-traffic"></span>
				<span class="ml-5">{{data.parkInfo.trafficInfo}}</span>
			</div>
			<div class="line-height-34">
				<span class="color-999 icon-J-parking"></span>
				<span class="ml-5">{{data.parkInfo.parkingPrice}}元/月</span>
			</div>
		</div>

		<div class="dashed"></div>

		<ul class="clearfix">
			<li class="pull-left mt-15" style="width: 50%;" v-for="item in data.parkInfo.parkFacilityList">
				<span class="icon"></span>{{item.facility}}
			</li>
		</ul>

		<div class="map mt-15 pt-15" style="width: 100%;height: 363px;">
			<div id="mapGaode" style="width: 100%;height: 100%;"></div>
		</div>
		<div style="margin-top: 24px;" v-if="data.detailIntro != '<p><br></p>'">
			<div id="content"></div>
		</div>
	</div>
</section>

<style type="text/css">
	.max-pic img {
		width: 100%;
		height: 363px;
		display: block;
		margin-bottom: 24px;
	}
	.dashed{
		width: 100%;
		height: 1px;
		border: 1px dashed #CCC;
		margin: 10px 0;
	}
	.icon{
		display: inline-block;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		border:1px solid rgba(255,77,101,1);
		position: relative;
		margin-right: 10px;
	}
	.icon:after{
		position: absolute;
		left: 1px;
		top: 1px;
		content: '';
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background:linear-gradient(119deg,rgba(255,93,96,1) 0%,rgba(255,34,115,1) 100%);
	}
	.imgbox img {
		width: 100%;
		height: 100%;
	}

	.amap-icon img {
		width: 25px;
		height: 34px;
	}
</style>
<script src="modules/jwk/scripts/jwk_view.js" charset="utf-8"></script>
